<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>p5_文字处理</title>
        <style>
            p{
                /*文字大小 谷歌默认字号16px*/
                font-size: 30px;
                /*可以写多个，从左往后加载*/
                font-family: "华为新魂","宋体","微软雅黑";
                /*上面两个属性可以合并成一个*/
                font: 35px "黑体";
            }
            a{
                text-decoration: underline;/*下划线*/
                text-decoration: none;/*去掉所有的修饰线*/
                text-decoration: line-through;/*删除线*/
                text-decoration: overline;/*顶线*/
            }
            div{
                width: 200px;
                height: 200px;
                border: 5px solid #f00;
                /*文字水平居中*/
                text-align: center;
                align-content: center;
                /*让单行文本的行高与父级块元素一样高，可以垂直居中*/
                line-height: 200px;
            }
            span{
                font-weight: bold;/*加粗*/
                font-weight: lighter;/*细体*/
                font-weight: normal;/*正常体*/
                font-style: italic;/*字体样式：斜体*/
            }

            h4 {
                /**/
                text-shadow:5px 5px 5px red;
            }
        </style>


    </head>
    <body>
        <p>我是测试文字 123 ABC  abc</p>
        <a href="#">超链接</a>
        <div>我是div</div>
        <span>我是span</span>
        <h4>文字阴影</h4>

    </body>
</html>